<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="yes" name="apple-mobile-web-app-capable" />
		<meta content="yes" name="apple-touch-fullscreen" />
		<meta content="telephone=no,email=no" name="format-detection" />
		<script src="../../../common/js/flexible.debug.js"></script>
		<link rel="stylesheet" href="../../../common/css/common.css" />
		<link rel="stylesheet" href="../../../common/css/iconfont.css" />
		<link rel="stylesheet" href="../../../common/css/swiper-3.3.1.min.css"/>
		<link rel="stylesheet" href="../../css/orderlist.css" />
		<title>生活邦荟</title>
	</head>	
	<body class="">
		<div class="loading_container">
			<div id="fountainG">
				<div id="fountainG_1" class="fountainG"></div>
				<div id="fountainG_2" class="fountainG"></div>
				<div id="fountainG_3" class="fountainG"></div>
				<div id="fountainG_4" class="fountainG"></div>
				<div id="fountainG_5" class="fountainG"></div>
				<div id="fountainG_6" class="fountainG"></div>
				<div id="fountainG_7" class="fountainG"></div>
				<div id="fountainG_8" class="fountainG"></div>
			</div>
		</div>
		<div class="header-container">
			<header class="myheader orange ">
				<i class="iconfont" pos="left">&#xe619;</i>
				<h1 class="header-h1">订单列表</h1>
			</header>
		</div>
		<div class="mycontainer status-list-container">
			<ul class="status_list clearfloat">
				<li class="">
					<a>全部订单</a>
				</li>
				<li class="">
					<a>进行中</a>
				</li>
				<li class="">
					<a>拼团/众筹失败</a>
				</li>
				<li class="">
					<a>待付款</a>
				</li>
				<li>
					<a>待发货</a>
				</li>
				<li>
					<a>待收货</a>
				</li>
				<li >
					<a>退款/货</a>
				</li>
				<li class="active">
					<a>退款/货</a>
				</li>
				<li>
					<a>退款/货</a>
				</li>
			</ul>
		</div>
		<div class="mycontainer order_list">
			<p class="loadPre" data-pre-page="2">下拉加载上一页</p>
			<div class="order" id="">
				<div class="order_title">
					<div class="title_head">
						<p>
							订单号：<span class="order_id">1234567890123456789</span>
							<!--<span class="floatRight time_axi">时间轴</span>-->
						</p>
						<p>
							商店：<span class="shop_name">百城万店</span>
						</p>
						<span class="floatRight order_status">待付款</span>
					</div>	
					<p class="address_info">
						<span>收货信息：</span>
						<span>1111111111111111111111111111111111111111111111111111111111111</span>
					</p>
				</div>
				<div class="show_product">
					商品列表（共<span class="product_num">8</span>件）
					<span class="iconfont floatRight">&#xe619;</span>
				</div>
				<div class="block product_list">
					<div class="product">
						<div class="item_container">
							<img class="item_img lazy"  data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
							<div class="info">
								<p class="name text-2">真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品</p>
								<p class="type">1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg1kg</p>
								<p class="clearfloat num_block">
									<span class="price">1111</span>
									<span class="num floatRight">
										X1
									</span>
								</p>
							</div>
						</div>
						<div class="tool clearfloat">
							<span class="ps">备注：啊啊啊啊啊啊啊啊</span>
							<span class="btns">
								<button class="btn green">操作订单</button>
								<button class="btn red">操作订单</button>
								<button class="btn orange">操作订单</button>
							</span>
						</div>
					</div>
					<div class="product">
						<div class="item_container">
							<img class="item_img lazy"  data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
							<div class="info">
								<p class="name text-2">真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品</p>
								<p class="type">1kg</p>
								<p class="clearfloat num_block">
									<span class="price">1111</span>
									<span class="num floatRight">
										X1
									</span>
								</p>
							</div>
						</div>
						<div class="tool clearfloat">
							<span class="ps">备注：啊啊啊啊啊啊啊啊</span>
							<span class="btns">
								<button class="btn green">操作商品</button>
								<button class="btn red">操作商品</button>
								<button class="btn orange">操作商品</button>
							</span>
						</div>
					</div>
				</div>
				<div class="price_info">
					<div class="price_info_head">
						<div>
							商品合计：<span class="price">1111</span>
							<!--<span class="floatRight post_btn">物流追踪</span>-->
						</div>
						<div>
							运费：<span class="price">1111</span>
						</div>
						<span class="all_price">
							合计：<a class="price">111</a>
						</span>
					</div>
					<div class="tool clearfloat">
						<span class="btns">
							<button class="btn red">操作订单</button>
							<button class="btn green post_btn">物流追踪</button>
							<button class="btn orange time_axi">时间轴</button>
						</span>
					</div>
					<ul class="time_axi_detail">
						<li>下单时间：2016/7/25</li>
						<li>付款时间：2016/7/25</li>
						<li>发货时间：2016/7/25</li>
						<li>签收时间：2016/7/25</li>
						<li>完成时间：2016/7/25</li>
					</ul>
				</div>
			</div>
			
			<div class="order">
				<div class="order_title">
					<div class="title_head">
						<p>
							订单号：<span class="order_id">1234567890123456789</span>
							<!--<span class="floatRight time_axi">时间轴</span>-->
						</p>
						<p>
							商店：<span class="shop_name">百城万店</span>
						</p>
						<span class="floatRight order_status">待付款</span>
					</div>	
					<p class="address_info">
						<span>收货信息：</span>
						<span>1111111111111111111111111111111111111111111111111111111111111</span>
					</p>
				</div>
				<div class="show_product">
					商品列表（共<span class="product_num">8</span>件）
					<span class="iconfont floatRight">&#xe619;</span>
				</div>
				<div class="block product_list">
					<div class="product">
						<div class="item_container">
							<img class="item_img lazy"  data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
							<div class="info">
								<p class="name text-2">真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品</p>
								<p class="type">1kg</p>
								<p class="clearfloat num_block">
									<span class="price">1111</span>
									<span class="num floatRight">
										X1
									</span>
								</p>
							</div>
						</div>
						<div class="tool clearfloat">
							<span class="ps">备注：啊啊啊啊啊啊啊啊</span>
							<span class="btns">
								<button class="btn green">操作订单</button>
								<button class="btn red">操作订单</button>
								<button class="btn orange">操作订单</button>
							</span>
						</div>
					</div>
					<div class="product">
						<div class="item_container">
							<img class="item_img lazy"  data-src="../../img/3bccbb37jw1f5rcwzw1a0j20jg0jdgrq.jpg" data-load="false"/>
							<div class="info">
								<p class="name text-2">真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品真是物品</p>
								<p class="type">1kg</p>
								<p class="clearfloat num_block">
									<span class="price">1111</span>
									<span class="num floatRight">
										X1
									</span>
								</p>
							</div>
						</div>
						<div class="tool clearfloat">
							<span class="ps">备注：啊啊啊啊啊啊啊啊</span>
							<span class="btns">
								<button class="btn green">操作商品</button>
								<button class="btn red">操作商品</button>
								<button class="btn orange">操作商品</button>
							</span>
						</div>
					</div>
				</div>
				<div class="price_info">
					<div class="price_info_head">
						<div>
							商品合计：<span class="price">1111</span>
							<!--<span class="floatRight post_btn">物流追踪</span>-->
						</div>
						<div>
							运费：<span class="price">1111</span>
						</div>
						<span class="all_price">
							合计：<a class="price">111</a>
						</span>
					</div>
					<div class="tool clearfloat">
						<span class="btns">
							<button class="btn red returnGoodsing">操作订单</button>
							<button class="btn green post_btn">物流追踪</button>
							<button class="btn orange time_axi">时间轴</button>
						</span>
					</div>
					<ul class="time_axi_detail">
						<li>下单时间：2016/7/25</li>
						<li>付款时间：2016/7/25</li>
						<li>发货时间：2016/7/25</li>
						<li>签收时间：2016/7/25</li>
						<li>完成时间：2016/7/25</li>
					</ul>
				</div>
			</div>
		<p class="slideToMore" data-next-page="3" data-total-page="4"><i class="iconfont">&#xe639;</i>上拉加载更多</p>
		</div>
		<div class="post_detail">
			
			
			<!--<div class="package">
			<div class="post_detail_header">
				<p>开门，顺丰快递</p> 
				<p>运单编号：550457338750</p>
				<p class="post_page">
					<i class="iconfont">&#xe619;</i>
					<span>1/4</span>
					<i class="iconfont">&#xe61a;</i>
				</p>
			</div>
			<table class="post_detail_list" >
				<thead>
					<tr>
						<th>时间</th>
						<th>地址</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
					<tr>
						<td>2016-07-10 16:46:01</td>
						<td>快件已签收,签收人是本人，签收网点是东莞凤岗站(0769-82000090)</td>
					</tr>
				</tbody>
			</table>
		</div>	-->
		</div>
		<span class="ToTop" style="display: none;">
				<i class="iconfont">&#xe639;</i>
		</span>
		<!--申请退款或者退货  -->
		<div class="confirm" style="display:none" id="applyOrRefuse">
			<div class="confirm_header">
			<i class="iconfont radius_icon edit">&#xe653;</i>
				退款/退货退款理由
			</div>
		<div class="confirm_content"  data-type="" data-ordersId="" data-ordersItemId="" data-applyOrCancel="">
			    <textarea rows="5" cols="" id="reason"></textarea>
			</div>
			<div class="confirm_footer">
				<button class="btn">保存</button>
				<button class="btn cancel">取消</button>
			</div>
		</div> 
		<!--退货退款详情  -->
		<div class="confirm" style="display:none" id="detail" >
			<div class="confirm_header" id="detailHead">
				
			</div>
		<div class="confirm_content" id ="detailContent">
			    
			</div>
			<div class="confirm_footer">
				<button class="btn">关闭</button>
			</div>
		</div> 
		<!--返货弹出框  -->
		<div class="returnGoodsing-msg">
			<div class="returnGoodsing-msg-title">
				<i class="iconfont radius_icon">&#xe611;</i>返货信息
			</div>
			<div class="returnGoodsing-msg-content">
				<p>姓名：11111111</p>
				<p>电话：1111111111111</p>
				<p>地址：1111111111111111</p>
				<p>物流公司：<select><option>111</option><option>111</option><option>111</option></select></p>
				<p>单&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;号：<input  placeholder="111"/></p>
			</div>
			<div class="returnGoodsing-msg-bottom">
				<button class="btn">提交</button>
			</div>
		</div>
		<!--尾部-->
		<footer class="myfooter">
			<a href="../platform/plaformIndex.html"><i class="iconfont">&#xe60d;</i><p>首页</p></a>
			<a href="../retail/cart.html" class="footer_cart"><i class="iconfont">&#xe601;</i><p>购物车</p><span class="footer_cart_num">1</span></a>
			<a href="../personalCenter/personal.html"><i class="iconfont">&#xe60b;</i><p>个人中心</p></a>
		</footer>
	</body>
	<script src="../../../common/js/jquery-1.9.1.min.js"></script>
	<script src="../../../common/js/baidu_touch.js"></script>
	<script src="../../../common/js/common.js"></script>
	<script src="../../js/orderList.js"></script>
	<!--<script>
		$(function(){
			var $container = $(".status-list-container")
			active =  $container.find(".active"),
			activeX = active.offset().left
			containerX = $container.scrollLeft(),
			liWidth=active.width();
			$container.scrollLeft(activeX-liWidth*2);
		})
	</script>-->
</html>
